<!DOCTYPE html>
<html lang = "pt-BR">
    <head>
        <?php
        session_start();
        include_once'bloco/head.php';
        include_once '../control/conexao.php';
        include_once '../control/valida_sessao.php';

        function __autoload($classe) {
            include_once"../model/{$classe}.class.php";
        }
        ?>
        <link href="bootstrap/css/morris.css" rel="stylesheet">
    </head>
    <body>      
        <div id="wrapper">
            <?php
            include_once'bloco/navbar.php';
            include_once '../control/valida_perfil.php';
            ?>
            <div id="page-wrapper">
                <?php include_once 'bloco/banner.php';?>                  
                <div class="row">
                    <div class=" panel panel-success">
                        <div class="panel-heading">
                            <p class="panel-title"><i class = "glyphicon glyphicon-th-large"></i> Relatório</p>
                        </div>
                        <div class="panel-body">
                            <form autocomplete="off" role="form" name="form_relatorio" method="get" action="relatorio2.php">
                                <div class="alert alert-success alert-dismissable">
                                    <div class="container-fluid">  
                                        <div class="col-md-2 col-md-offset-4" align="center">
                                            <i class="glyphicon glyphicon-calendar"></i> <label for="data1">Data Inicial</label>
                                            <input class="btn btn-block" type="text" required id="data1" name="data1">
                                        </div>
                                        <div class="col-md-2" align="center">
                                            <i class="glyphicon glyphicon-calendar"></i> <label for="data2">Data Final</label>
                                            <input class="btn btn-block" type="text" required id="data2" name="data2">
                                        </div>
                                        <div class="col-md-12"> </div>
                                        <div class="col-md-4 col-md-offset-4">
                                            <button class="btn btn-block btn-success" type="submit">Buscar</button>
                                        </div>
                                    </div>                                    
                                </div>
                            </form>
                            <div class="col-lg-4 col-lg-offset-4" align="center">
                                <?php
                                include 'bloco/paginacao.php';
                                ?>                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <?php
        include_once'bloco/scripts.php';
        ?>
        <link rel="stylesheet" href="bootstrap/js/data/data.css"/>
        <script src="bootstrap/js/data/jquery-1.8.2.js"></script>
        <script src="bootstrap/js/data/jquery-ui.js"></script>
        <script>
            $(function() {
                $("#data1").datepicker({
                    dateFormat: 'dd-mm-yy',
                    changeMonth: true,
                    changeYear: true,
                    dayNames: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado', 'Domingo'],
                    dayNamesMin: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S', 'D'],
                    dayNamesShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb', 'Dom'],
                    monthNames: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
                    monthNamesShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez']
                });
            });
            $(function() {
                $("#data2").datepicker({
                    dateFormat: 'dd-mm-yy',
                    changeMonth: true,
                    changeYear: true,
                    dayNames: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado', 'Domingo'],
                    dayNamesMin: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S', 'D'],
                    dayNamesShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb', 'Dom'],
                    monthNames: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
                    monthNamesShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez']
                });
            });
        </script>
    </body>
</html>